
/**
 * 提供针对图片的操作：比如 压缩
 */
Rsd.define('Rsd.data.ImageFile', {
    extend: 'Rsd.data.File',
    xtype: 'image-file',
    type: 'POST',
    cache: false,
    types: ['jpeg', 'png', 'gif', 'jpg'],//支持的文件类型
    /**
     * 文件大小自定义限制，大于该值文件不处理
     */
    maxSize : 1024 * 1024 * 10, // 限制大小10MB
    /**
     * 压缩 最小值，只有大于该值，才能压缩
     */
    minSize:200 * 1024, // 超过 200k 就压缩
    
    /** 
     * 
    */
    constructor: function ImageFile(config) {
        Rsd.apply(this, config || {});
    },
 

     /**
     * 使用canvas绘制图片并压缩
     * @param {*} dataURL 
     * @param {*} compress 压缩比 0~1
     * @param {*} callback 
     */
    compress: function compress(dataURL, compress, callback) {
        var me = this;
        if (dataURL.length < me.minSize) 
        {
            callback(dataURL);
            return;
        }
        var img = new window.Image();

        img.src = dataURL;

        img.onload = function () {

            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');

            canvas.width = img.width;
            canvas.height = img.height;
            //绘制
            ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  
            var compressedDataUrl = canvas.toDataURL(me.metaInfo.type, compress);

            callback(compressedDataUrl);
        }
    },

    /**
     * 将图片imgUrl,按压缩比compress 绘制到 canvas 上
     * @param {*} imgUrl 
     * @param {*} compress 
     * @param {*} canvas 画布
     * @param {*} x 位置X
     * @param {*} y 位置Y
     */
    drawImage:function drawImage(imgUrl,compress,canvas,x,y)
    {
        //压缩图片 
        this.compress(imgUrl,compress,function(dataURL){

            var img = new window.Image(); 
            img.src = dataURL;

            img.onload = function () {

                var ctx = canvas.getContext('2d'); 
                //绘制 可执行
                ctx.drawImage(img, x, y, img.width, img.height);
        
            };

        }); 
       
    },
   

}, function (type) {

});